<script setup>
    const props = defineProps(['address'])
</script>

<template>
  <div class="card" >
      <div class="info">
          <div class="name">{{address.name}}</div>
          <div class="tel">{{address.phone}}</div>
      </div>
      <div class="address_text">{{address.address_text}}</div>
  </div>
</template>

<style lang="scss" scoped>
@import '@/style/viriables.scss';
.card {
    margin: .18rem;
    padding: .18rem;
    background-color: $bgColor;
    border-radius: .04rem;
    font-size: .14rem;

    .info {
        display: flex;
        justify-content: space-between;
        margin-bottom: .08rem;
        color: $light-fontColor;

        div {
            flex: 1;
        }
    }
}
</style>